<template>
	<div class="page">
		<van-nav-bar :border="false" :placeholder="true" :fixed="true" title="thông tin đặt hàng" left-arrow
			@click-left="onClickLeft">
		</van-nav-bar>
		<div class="sin-wrap">
			<div class="addBankcard">
				<div class="remindText">1、Để đảm bảo tiền chuyển nhanh chóng, vui lòng điền họ tên trùng với họ tên tài
					khoản ngân hàng；</div>
				<div class="remindText">2、Vui lòng kiểm tra thông tin tài khoản, tài khoản không chính xác sẽ không thể
					chuyển khoản.</div>
				<van-form @submit="onSubmit">
					<van-field v-model="name" placeholder="Nhập tên chủ thẻ"
					:rules="[{ required: true, message: 'Nhập tên chủ thẻ' }]" />
					<van-field v-model="bankaccount"  placeholder="Nhập tài khoản ngân hàng"
					:rules="[{ required: true, message: 'Tài khoản ngân hàng không được để trống' }]" />
					<div class="remindText">Ngân hàng</div>
					<van-field readonly v-model="bankselect"  placeholder="Chọn ngân hàng" />
					<van-field v-model="subBank"  placeholder="Chi nhánh (đơn vị trực thuộc của ngân hàng), ví dụ chi nhánh quận Ba Đình."/>
					<van-field v-model="password"  placeholder="Nhập mật khẩu giao dịch"
					:rules="[{ required: true, message: 'Mật khẩu giao dịch không được để trống' }]" />
					<div style="margin: 16px;">
						<van-button round block type="info" native-type="submit">提交</van-button>
					</div>
				</van-form>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				name:'Baby',
				bankaccount:'',
				bankselect:'',
				subBank:'',
				password:'',
			}
		},
		methods: {
			onSubmit(values) {
				console.log('submit', values);
			},
		}
	}
</script>
<style>
</style>
